﻿@model Senac.ProjetoIntegrador.ViewModel.AtividadeViewModel
@{
    ViewBag.Title = "Create";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<h2>Adicione as questões:</h2>

@using (Html.BeginForm("CreatePergunta", "Atividade", FormMethod.Post, new { id = "FrmCadastroAtividade" }))
{
    @Html.HiddenFor(x => x.Atividade.cod_Atividade);
    @Html.HiddenFor(x => x.Atividade.desc_Titulo);
    
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>@Model.Atividade.desc_Titulo</legend>
        <div class="span12">
            <div class="span6 input-group">
                @Html.Label("Pergunta")
                @Html.EditorFor(model => model.Resposta.Pergunta.desc_pergunta)
            </div>
            <div id="divPergunta" class="span12">
            
            <div class="span2 row-fluid">
                @Html.Label("Resposta 01")
                @Html.EditorFor(model => model.resposta1)
            </div>
            
            <div class="span2 row-fluid">
                @Html.Label("Resposta 02")
                @Html.EditorFor(model => model.resposta2)
            </div>
            
            <div class="span2 row-fluid">
                @Html.Label("Resposta 03")
                @Html.EditorFor(model => model.resposta3)
            </div>
            
            <div class="span2 row-fluid">
                @Html.Label("Resposta 04")
                @Html.EditorFor(model => model.resposta4)
            </div>

            <div class="span2">
                @Html.Label("Resposta 05")
                @Html.EditorFor(model => model.resposta5)
            </div>
            </div>
        </div>
        <p>
            <input type="submit" value="Próxima" onclick="FctSaveAtividade();" />
        </p>


        <div class="row">
            <div class="col-lg-6">
                <div class="input-group">
                    <span class="input-group-addon">
                        <input type="checkbox">
                    </span>
                    <input type="text" class="form-control">
                </div>
                <!-- /input-group -->
            </div>
            <!-- /.col-lg-6 -->
            <div class="col-lg-6">
                <div class="input-group">
                    <span class="input-group-addon">
                        <input type="radio">
                    </span>
                    <input type="text" class="form-control">
                </div>
                <!-- /input-group -->
            </div>
            <!-- /.col-lg-6 -->
        </div>
        <!-- /.row -->



    </fieldset>
}
<div>
    @Html.ActionLink("Back to List", "Index")
</div>
<script type="text/javascript">

    var txt_pergunta = $("#Resposta_Pergunta_desc_pergunta");
    var txt_resposta = $("#Resposta_desc_Resposta");

    function FctSaveAtividade(id) {
        if ($("#FrmCadastroAtividade").validate().form()) {
            $.ajax({
                url: '@Url.Content("~/Atividade/CreatePergunta/")',
                type: 'POST',
                data: $("#FrmCadastroAtividade").serialize(),
                success: function () {
                    alert("Success");
                },
                complete: function () {
                    FctLimpaTela();
                }
            });
        }
    }

    function FctLimpaTela() {
        txt_pergunta.val("");
        txt_resposta.val("");
    }
    
</script>
